const list = [
    {
        component: 'Histogram1',
        label: '基础柱状图',
        icon: 'wenben',
        style: {
            width: 310,
            height: 200,
            'z-index': '1'
        },
        propValue: [],
        option: {
            legend: {
                data: ['用电量'],
                icon: "circle",
                show: false,
                itemWidth: 10,
                itemheight: 10,
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                left: 'left',
                top: '38'
            },
            color: ['#7BC3F5', '#618FF6', '#5659F7', '#6ACE99', '#C0F2B4', '#E0E5DB'],
            title: [{
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '18',
                },
                left: 'left',
            }, {
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '14',
                },
                left: 'left',
                top: '20',
            }],
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    // 坐标轴指示器，坐标轴触发有效
                    type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
                },
            },
            grid: {
                left: '3%',
                right: '3%',
                bottom: '3%',
                top: '20',
                containLabel: true,
            },
            xAxis: {
                type: 'category',
                data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
                axisTick: { //刻度线
                    show: false,
                },
                axisLine: { //轴线
                    show: true,
                    lineStyle: {
                        color: '#35404e',
                        width: 2,
                    },
                },
                axisLabel: { //轴标签
                    show: true,
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                splitLine: { //网格线
                    show: false,
                    lineStyle: {
                        color: '#33333333',
                        type: 'dashed'
                    },
                }
            },
            yAxis: {
                type: 'value',
                axisTick: { //刻度线
                    show: false,
                },
                axisLine: { //轴线
                    show: false,
                    lineStyle: {
                        color: '#35404e',
                        width: 2,
                    },
                },
                axisLabel: { //轴标签
                    show: true,
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                splitLine: { //网格线
                    show: false,
                    lineStyle: {
                        color: '#33333333',
                        type: 'dashed'
                    },
                }
            },
            series: [{
                name: '用电量',
                type: 'bar',
                barWidth: 8,
                itemStyle: {
                    borderRadius: 5,
                },
                data: [70, 52, 42, 33, 27, 68, 55],
                markPoint: {
                    data: [{
                            type: 'max',
                            name: '最大值',
                            symbolSize: 0,
                            label: {
                                show: false,
                                position: 'top',
                                color: '#00e6ff',
                                fontStyle: 'normal',
                                fontWeight: 'normal',
                                fontSize: '12',
                            }
                        },
                        {
                            type: 'min',
                            name: '最小值',
                            symbolSize: 0,
                            label: {
                                show: false,
                                position: 'top',
                                color: '#00e6ff',
                                fontStyle: 'normal',
                                fontWeight: 'normal',
                                fontSize: '12',
                            }
                        }
                    ]
                },
            }, ],
        },
    },

    {
        component: 'Histogram2',
        label: '基础柱状图',
        icon: 'wenben',
        style: {
            width: 310,
            height: 200,
            'z-index': '1'
        },
        propValue: [],
        option: {
            legend: {
                icon: "circle",
                show: false,
                itemWidth: 10,
                itemheight: 10,
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                left: 'left',
                top: '38'
            },
            color: ['#7BC3F5', '#618FF6', '#5659F7', '#6ACE99', '#C0F2B4', '#E0E5DB'],
            title: [{
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '18',
                },
                left: 'left',
            }, {
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '14',
                },
                left: 'left',
                top: '20',
            }],
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    // 坐标轴指示器，坐标轴触发有效
                    type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
                },
            },
            grid: {
                left: '3%',
                right: '3%',
                bottom: '3%',
                top: '20',
                containLabel: true,
            },
            xAxis: {
                type: 'category',
                data: ['类别一', '类别二'],
                axisTick: { //刻度线
                    show: false,
                },
                axisLine: { //轴线
                    show: true,
                    lineStyle: {
                        color: '#35404e',
                        width: 2,
                    },
                },
                axisLabel: { //轴标签
                    show: true,
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                splitLine: { //网格线
                    show: false,
                    lineStyle: {
                        color: '#33333333',
                        type: 'dashed'
                    },
                }
            },
            yAxis: {
                type: 'value',
                axisTick: { //刻度线
                    show: false,
                },
                axisLine: { //轴线
                    show: false,
                    lineStyle: {
                        color: '#35404e',
                        width: 2,
                    },
                },
                axisLabel: { //轴标签
                    show: true,
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                splitLine: { //网格线
                    show: false,
                    lineStyle: {
                        color: '#33333333',
                        type: 'dashed'
                    },
                }
            },
            series: [{
                    name: '用电量',
                    type: 'bar',
                    barWidth: 8,
                    itemStyle: {
                        borderRadius: 5,
                    },
                    data: [70, 52],
                    markPoint: {
                        data: [{
                                type: 'max',
                                name: '最大值',
                                symbolSize: 0,
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            },
                            {
                                type: 'min',
                                name: '最小值',
                                symbolSize: 0,
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            }
                        ]
                    },
                },
                {
                    name: '用水量',
                    type: 'bar',
                    barWidth: 8,
                    itemStyle: {
                        borderRadius: 5,
                    },
                    data: [50, 20],
                    markPoint: {
                        data: [{
                                type: 'max',
                                name: '最大值',
                                symbolSize: 0,
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            },
                            {
                                type: 'min',
                                name: '最小值',
                                symbolSize: 0,
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            }
                        ]
                    },
                },
            ],
        },
    },
]


export default list